.indexban{position:relative;width: 100%;}
.m-bann{display:none}
.indexban img,.indexban video{width:100%;height: 100%;object-fit:fill;}
.indexban .videobox .video video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill;object-position:center center}
.indexban .videobox .img{z-index:-1;visibility:hidden;opacity:0}
.indexban .play{width:70px;height:70px;margin:82px auto 0;cursor:pointer;display:none}
.indexban .swiper-button-next, .indexban .swiper-button-prev{width:80px;height:80px;border-radius:80px;margin-top:-40px;opacity:1;background-size:18px 34px}
.indexban .swiper-button-next{background-image:url(../images/banr.png);right:calc(49px + 2.5vw)}
.indexban .swiper-button-prev{background-image:url(../images/banl.png);left:calc(49px + 2.5vw)}
.indexban .swiper-button-next:hover,
.indexban .swiper-button-prev:hover{background-color:#013281;}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;width:10px;height:10px;margin:0 55px;vertical-align:middle;padding:0;border:2px solid rgba(255,255,255,0.35);background:0;border-radius:50%;cursor:pointer;opacity:1;z-index:6}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";position:absolute;transform-origin:0 0;transform:translate3d(-50%,-50%,0);top:50%;left:50%;width:24px;height:24px;border:1px solid transparent;border-radius:50%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{width:34px;height:34px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-color:rgba(255,255,255,0.3)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-top-color:transparent;animation:rotating 3s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after{width:34px;height:34px;border-top-color:transparent;border-bottom-color:transparent;animation:rotating 3s linear reverse infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid white}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{content:"";width:100%;height:106px;background:linear-gradient(to top,rgba(10,20,25,0.7) 0,rgba(10,20,25,0) 100%);position:absolute;bottom:-50px;left:0}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show1{width:110px;height:1px;background-color:rgba(255,255,255,0.35);position:absolute;top:50%;right:-112px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show2{width:0;height:1px;background-color:#fff;position:absolute;top:50%;left:100%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{animation:fillWidth 10s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show1,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show2{display:none}
.indexban .pcbanner .img{position: relative;z-index:1;}
.indexban .pcbanner .img .text{position: absolute;left:200px;top:35%;z-index:2;}
.indexban .pcbanner .img .text .t1{font-size: 50px;color:#fff;}
.indexban .pcbanner .img .text .t2{font-size: 50px;color:#999;}
.indexban .pcbanner .img .text .t3{background: #013281;width:278px;height: 62px;line-height: 62px;border-radius: 50px;font-size: 16px;color: #fff;text-align: center;letter-spacing: 1px;margin-top: 52px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;box-sizing: border-box;}
.indexban .pcbanner .img .text .t3 a{display: block;}
@keyframes rotating{from{transform:rotate(0) translate3d(-50%,-50%,0)}
                    to{transform:rotate(360deg) translate3d(-50%,-50%,0)}
}
@keyframes fillWidth{from{width:0}
                     to{width:110px}
}
@keyframes unfillWidth{from{left:0;width:100%}
                       to{left:100%;width:0}
}

@media (max-width:1620px){
    .indexban .swiper-button-next{right:calc(20px + 2.4vw)}
    .indexban .swiper-button-prev{left:calc(20px + 2.4vw)}
}

@media (max-width:1440px){
    .indexban .swiper-button-next{right:calc(10px + 1.6vw)}
    .indexban .swiper-button-prev{left:calc(10px + 1.6vw)}
    .indexban .swiper-button-next, .indexban .swiper-button-prev{width:58px;height:58px;margin-top:-29px;background-size:12px auto}
    .indexban .play{width:56px;height:56px;margin:60px auto 0}
    .indexban .pcbanner .img .text{left:90px;top:33%;}
    .indexban .pcbanner .img .text .t1{font-size: 30px;}
    .indexban .pcbanner .img .text .t2{font-size: 30px;}
    .indexban .pcbanner .img .text .t3{width:180px;height: 42px;line-height: 42px;margin-top: 32px;}
}

@media (max-width:1280px){
    .indexban .swiper-button-next{right:10px}
    .indexban .swiper-button-prev{left:10px}
}
@media (max-width:1024px){
    .pcbanner{display:none}
    .m-bann{display:block}
    .indexban .img img{width:100%;}
    .indexban .play{width:40px;height:40px;margin:30px auto 0}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;background-color:#fff}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{display:none}
}
@media (max-width:380px){
    .indexban .play{width:30px;height:30px;margin:30px auto 0}
}

.index-tit{position:relative;}
.index-tit strong{ font-size: 40px; font-weight: bold; line-height: 52px; letter-spacing: 2px; display: block; }
.index-tit p{ font-size: 16px; line-height: 32px; font-weight: bold; text-transform: uppercase; color: #666666; }
@media (max-width:767px){
    .index-tit strong{font-size:21px; line-height:32px;}
    .index-tit p{font-size:13px;}
}

@-webkit-keyframes rotate360
{0%{-webkit-transform:rotate(0deg);}
 50%{-webkit-transform:rotate(180deg);}
 100%{-webkit-transform:rotate(360deg);}
}@-moz-keyframes rotate360
{0%{-moz-transform:rotate(0deg);}
 50%{-moz-transform:rotate(180deg);}
 100%{-moz-transform:rotate(360deg);}
}@-ms-keyframes rotate360
{0%{-ms-transform:rotate(0deg);}
 50%{-ms-transform:rotate(180deg);}
 100%{-ms-transform:rotate(360deg);}
}@keyframes rotate360
{0%{transform:rotate(0deg);}
 50%{transform:rotate(180deg);}
 100%{transform:rotate(360deg);}
}


.index-about{width: 100%;background: #fff url("../images/aboutbg.jpg") no-repeat left top;padding: 5.2vw 0px;}
.about-1{width: 1440px;overflow: hidden;margin: 0px auto;}
.about-1 h3{float: left;width: 45%;overflow: hidden;font-size: 40px;font-weight: bold;line-height: 52px;letter-spacing: 2px;position: relative;padding-bottom: 26px;}
.about-1 h3:before{width: 60px;height: 4px;content: "";position: absolute;left: 0px;bottom: 0px;background: #013281;}
.about-content{float: left;width: 45%;overflow: hidden;}
.about-content p{float: left;width: 100%;overflow: hidden;font-size: 16px;color: #666;line-height: 30px;margin-top: 34px;}
.about-more{float: left;width: 100%;margin-top: 60px;}
.about-more a{float: left;width: 23.5%;height: 50px;text-align: center;line-height: 50px;margin-right:2%;background: #013281;font-size: 14px;color: #fff;display: block;}
.about-more a:last-child{margin-right:0;}
.about-more a:hover{transform: translateY(3px);}
.about-pic{float: right;width: 50%;overflow: hidden;padding-right: 20px;margin-top: 15px;position: relative;}
.about-pic:before{width: 50px;height: 84%;position: absolute;content: "";right: 0px;top: 8%;background: #013281;z-index: 11;}
.about-pic span,.about-pic img{float: left;width: 100%;overflow: hidden;height: auto;position: relative;z-index: 12;transition: all 0.4s ease 0s;}
.about-pic:hover span img{transform: scale(1.05);}
.index-about ul{width: 100%;overflow: hidden;margin: 70px auto 0px;text-align: center;}
.index-about ul li{width: auto;display: inline-block;overflow: hidden;text-align: left;padding: 0px 8vw;}
.index-about ul li span{width: auto;display: block;font-size: 18px;color: #333;}
.index-about ul li span em{font-family: 'DINProRegular';font-size: 70px;margin-right: 6px;font-style: normal;}
.index-about ul li p{width: auto;overflow: hidden;font-size: 16px;color: #999;}
.index-about ul li:hover span em{color: #1e59a8;text-shadow: 0px 0px 12px rgba(30, 89, 168, 0.3);}
@media screen and (max-width:1440px){
    .index-about{padding:110px 0px 60px;}
    .about-1{width:1100px;}
    .about-1 h3{padding-bottom:20px;}
    .about-content p{margin-top:20px;line-height:28px}
    .about-more{margin-top:30px;}
    .about-more a {height:44px;line-height: 44px;}
    .index-about ul{margin:50px auto 0px;}
    .index-about ul li span em{font-size:56px;}
}
@media screen and (max-width:1366px){
    .index-about{padding:80px 0px 55px;}
    .about-1{width:1000px;}
    .about-content p{margin-top:16px;line-height:26px}
    .about-more{margin-top:20px;}
    .about-more a {height:40px;line-height: 40px;}
    .index-about ul{margin:40px auto 0px;}
    .index-about ul li span em{font-size:48px;}
}
@media screen and (max-width:1280px){
    .index-about{padding:60px 0px 50px;}
    .about-1{width:960px;}
    .about-content p{margin-top:14px;line-height:24px}
    .index-about ul{margin:30px auto 0px;}
    .index-about ul li {padding: 0px 7vw;}
    .index-about ul li span em{font-size:42px;}
    .index-about ul li p{font-size:14px}
}
@media screen and (max-width:1000px){
    .index-about{padding:50px 0px;}
    .about-1{width:90%;}
    .about-1 h3{width:100%;}
    .about-pic{width:100%;margin-top:30px}
    .about-content{width:100%;margin-top:20px}
    .about-content p{margin-top:14px;line-height:24px}
    .index-about ul{margin:30px auto 0px;padding:0px 5%;box-sizing:border-box}
    .index-about ul li {padding: 0px 10px;float:left;width:33.3%;box-sizing:border-box}
    .index-about ul li span em{font-size:42px;}
    .index-about ul li p{font-size:14px}
}
@media screen and (max-width:768px){
    .about-more a {height:40px;line-height: 40px;}
    .about-pic{margin-top:20px}
    .about-content{margin-top:10px}
    .about-content p{margin-top:12px;}
}
@media (max-width: 767px){
    .about-1 h3 {font-size: 21px;line-height: 32px;}
    .about-content p{font-size: 15px;}
    .index-about ul{margin:20px auto 0px;}
    .index-about ul li:nth-child(1){width:56%}
    .index-about ul li:nth-child(2){width:44%}
    .index-about ul li:nth-child(3){width:100%;margin-top:20px}
    .index-about ul li span{font-size:16px}
    .index-about ul li span em{font-size:26px;}
    .index-about ul li p{font-size:14px}
}
.video-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 30;}
.video-btn i{width: 80px;height: 80px;display: block;margin: 0 auto;position: relative;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/icon-1.png);}
.video-btn svg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-btn .cir1,.cir2{stroke-width: 2px;stroke: #fff;fill: none;transition: all .3s ease;}
.video-btn .cir1{stroke-dasharray: 314;stroke-dashoffset: 74;transform: rotate(90deg);transform-origin: center;}
.video-btn .cir2{stroke-dasharray: 276;stroke-dashoffset: 76;transform: rotate(-20deg);transform-origin: center;}
.video-btn p{font-size: 14px;color: #fff;margin-top: 15px;}
.video-btn:hover .cir1,.video-btn:hover .cir2{stroke-dashoffset: 0;}
.video-box:hover img{transform: scale(1.05);}
.video-layer {background-color: #000 !important;}
.video-layer .layui-layer-content {width: 800px !important;height: 450px !important;overflow: hidden !important;}
.video-layer video {width: 100% !important;height: 100% !important;}
@media (max-width:768px){
    .video-layer .layui-layer-content {width: 600px !important;height: 358px !important;overflow: hidden !important;}
}
@media screen and (max-width: 767px) {
    .video-box .video-btn i{width: 50px;height: 50px;}
    .video-layer .layui-layer-content {width: 300px !important;height: 169px !important;overflow: hidden !important;}
}

.btn.btn-rarr {background-color: #fff;color: #2d4255;border-radius: 10px;text-align: center;font-size: 16px;line-height: 20px;padding: 12px 25px;position: relative;overflow: hidden;display: inline-block;vertical-align: top;}
.btn.btn-rarr:after {background-color: rgba(102, 102, 102, 0.1);}
.btn.btn-rarr > s {margin-left: .5em;display: inline-block;vertical-align: top;position: relative;right: 0;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px) {
    .btn.btn-rarr:hover > s {-webkit-transform: translateX(50%);transform: translateX(50%);right: 10px;-webkit-transition: all 250ms ease-out 0s, right 250ms ease-out 200ms;transition: all 250ms ease-out 0s, right 250ms ease-out 200ms;}
}
@media screen and (max-width: 1024px) {
    .btn.btn-rarr:active > s {-webkit-transform: translateX(50%);transform: translateX(50%);right: 10px;-webkit-transition: 0ms;transition: 0ms;}
}
@media screen and (max-width: 640px) {
    .btn.btn-rarr{font-size: 14px;padding: 10px 15px;}
}

.index-yj{background: #013281; padding: 5.2vw 0px; overflow:hidden;}
.yj-contain{display: flex;flex-wrap: wrap;}
.yj-contain .containl,.yj-contain .containr{width: 50%;float: left;color:#fff;}
.yj-contain .containl{padding:0 6% 0 0;border-right: 1px solid #fff;}
.yj-contain .containr{padding:0 0 0 6%;}
.yj-contain .containl h3{font-size: 28px;line-height: 40px;position: relative;padding-bottom: 30px;}
.yj-contain .containl p{font-size:16px;line-height: 25px;}
.yj-contain .containl span{float: right;font-size:18px;margin:50px 0 60px;}
.yj-contain .containl img{width: 120px;}
.yj-contain .containr ul li {display: flex;flex-wrap: wrap;align-items: center;height: 100px;border-top: 1px solid #dcdcdc;}
.yj-contain .containr ul li .tit{font-size:20px;color:#fff;width: 50%}
.yj-contain .containr ul li .text{float: right;text-align: right;font-size:16px;color:#fff;width: 50%;}

@media screen and (max-width: 1440px){
    .index-yj {padding: 110px 0px 60px;}
}
@media screen and (max-width: 1366px){
    .index-yj {padding: 80px 0px 55px;}
}
@media screen and (max-width: 1280px){
    .index-yj {padding: 60px 0px 50px;}
}
@media screen and (max-width: 1000px){
    .index-yj {padding: 50px 0px;}
    .yj-contain .containl,.yj-contain .containr{width: 100%;}
    .yj-contain .containl{border-right: none;padding: 0 5% 20px;}
    .yj-contain .containr{padding: 0px 5%;}
}
@media screen and (max-width: 767px){
    .yj-contain .containl h3{font-size: 20px;line-height: 25px;padding-bottom: 15px;}
    .yj-contain .containl p{font-size: 15px;line-height: 24px;}
    .yj-contain .containl span{font-size: 16px;margin:15px 0 10px;}
    .yj-contain .containl img{width: 100px;}
    .yj-contain .containr ul li{height: 80px;}
    .yj-contain .containr ul li .tit{font-size:16px;}
    .yj-contain .containr ul li .text{font-size:15px;}
}



.index-pro{ background: #F5F5F6; padding: 0 0 5.2vw; overflow:hidden; }
.procate{width: 100%;position: relative;z-index: 123;overflow: hidden;background: #fff;margin-bottom:80px;}
.procate-tabs{font-size: 0;text-align: center;padding:20px 0;}
.procate-tab{display: inline-block;vertical-align: top;width: 16.66%;text-align: center;position: relative;cursor: pointer;margin: 0 auto;}
.procate-img{width:80px;height:80px;display: inline-block;vertical-align: top;position: relative;}
.procate-img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
.img2{opacity: 1;}
.procate-text{color: #333;margin-top:10px;font-size:16px;}
.procate-tab:hover .procate-text,.procate-tab.active .procate-text{color: #013281;}
/*.procate-tab:hover .img1,.procate-tab.active .img1{opacity: 0;}
.procate-tab:hover .img2,.procate-tab.active .img2{opacity: 1;}*/
.procate-cont{padding:80px 0; overflow:hidden; display: none;}
.procate-cont.show {display: block;}
.procate-cont .wrapper{position:relative;}
.procate-cont .wrapper li{ width:4.06rem;float:left; margin:0 .2rem;}
.procate-cont .wrapper li img{ display:block;width:100%;}
.pro-number{ font: 20px/34px din; display: inline-block; position: absolute; right: 0px; bottom: 0px; }
.pro-number span:nth-child(1){ font-size: 30px; }
.proSwiper{ margin-top:35px;width: 1984px;}
.proSwiper .slick-prev{ background: #FFF url(../images/prev.png) no-repeat center center; display: inline-block; height: 58px; width: 58px; position: absolute; left: 0; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; top: 40%;z-index:999;}
.proSwiper .slick-next{ background: #0046A7 url(../images/prev1.png) no-repeat center center; display: inline-block; height: 58px; width: 58px; position: absolute; left: 75%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; top: 40%; transform: rotate(180deg); }
.proSitem{ padding-right:50px;}
.proBox{ display:block; height:578px; background:#fff; overflow:hidden; position:relative}
.probg{ background-image: linear-gradient(145deg,#0067FF 20%,#0046A7 90%); transition:all 0.5s ease-in-out; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0}
.proBox:hover .probg,.slick-current .probg{opacity:1;}
.pronum {display: inline-block;position: absolute;left: -20%;top: 0px;color:rgba(255,255,255,1);font: 350px din;line-height: 350px;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;transition: all 0.5s ease-in-out; opacity:0.05}
.proBox:hover .pronum,
.slick-current .proBox .pronum{ color: #005DE5;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; opacity:0.1 }
.pro_spnm{ position: absolute; right: 35px; top: 45px; font-size: 20px; line-height: 30px; color: #A3A3A3; display: inline-block; z-index: 1; transition:all 0.5s ease-in-out; }
.proBox:hover .pro_spnm,
.slick-current .proBox .pro_spnm{opacity:0;}
.pro_pimg{ height: 300px; position: absolute; left: 0px; right: 0px; top: 100px; z-index: 1; transition:all 0.5s ease-in-out;}
.proBox:hover .pro_pimg,
.slick-current .proBox .pro_pimg{ transform:translateY(-42px);}
.pro_pimg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto; transition:all 0.5s ease-in-out;}
.proBox:hover .pro_pimg img,
.slick-current .proBox .pro_pimg img{ opacity:0}
.proBox:hover .pro_pimg img.iOpacity,
.slick-current .proBox .pro_pimg img.iOpacity{ opacity:1}
.pro_psnm{ position: absolute; left: 35px; right: 35px; bottom: 36px; z-index: 1; background: url(../images/pro_ar.png) no-repeat right center; transition:all 0.5s ease-in-out; }
.pro_psnm strong{ font-size: 22px; line-height: 32px; font-weight: normal; display: block; overflow: hidden;  }
.pro_psnm p{ font-size: 14px; line-height: 25px; color: #666666; height: 25px; overflow: hidden; }
.proBox:hover .pro_psnm,
.slick-current .proBox .pro_psnm{opacity:0;}
.pro_layer{ position: absolute; left: 35px; right: 35px; bottom: 45px; z-index: 1;transition:all 0.5s ease-in-out; color:#fff; opacity:0;}
.pro_layer h5{ font-size: 22px; line-height: 32px; font-weight: normal; display: block; overflow: hidden;}
.pro_layer h6{ font-size: 14px; line-height: 25px; opacity: 0.6; height: 25px; overflow: hidden; font-weight: normal; }
.pro_layer div{ font-size: 16px; line-height: 25px; margin: 12px 0px 20px; height:75px; overflow:hidden;color:#fff;}
.pro_layer span{ font-size: 15px; line-height: 40px; color: #112980; letter-spacing: 1px; height: 40px; width: 140px; display: block; background: #FFF; text-align:center}
.proBox:hover .pro_layer,
.slick-current .proBox .pro_layer{opacity:1;}
@media (max-width:1799px){
    .proBox{height:500px;}
    .proSwiper{ margin-top:30px; width:1834px;}
    .pronum {font: 280px din;line-height: 280px;}
    .pro_pimg{top:68px;}
    .pro_spnm{font-size:16px; top:30px;}
    .pro_layer h5{font-size:21px;}
    .pro_layer div{font-size:15px; line-height:28px; height:84px;}
    .pro_psnm strong{font-size:20px;}
}

@media (max-width:1379px){
    .index-pro{ padding: 0 0 80px; }
    .proBox{height:400px;}
    .pro_pimg{height:110px;}
    .proSwiper .slick-next{left: 60%;}
}


@media screen and (max-width: 1440px){
    .proSwiper .slick-next{left: 60%;}
}
@media screen and (max-width: 1366px){
	.pro_pimg {top:55px;height: 190px;}
	.pro_layer h5{font-size:20px;}
    .pro_layer div{font-size: 15px;line-height: 24px;height: 48px;}
	.proSwiper .slick-next{left: 60%;}
}
@media screen and (max-width: 1280px){
    .proSwiper .slick-next{left: 50%;}
}
@media screen and (max-width: 1000px){
    .proSwiper .slick-next{left: 45%;}
}

@media (max-width:768px){
    .proSwiper .slick-next{left: 35%;}
}
@media (max-width:767px){
    .proSwiper{margin-top:20px; width:100%;}
    .proSitem{padding-right:0;}
    .pro_layer{left:20px; right:20px;bottom:20px;}
    .pro_layer span{font-size:14px;width:120px;height:35px;line-height:35px;}
    .proSwiper{padding-bottom:70px;}
    .proSwiper .slick-prev,.proSwiper .slick-next{width:38px; height:38px;}
    .proSwiper .slick-prev{left: 0px;top:90%;}
    .proSwiper .slick-next{left:50px;top:90%;}
    .index-pro{padding-bottom:30px;}
    .procate{margin-bottom: 30px;}
    .procate-text{font-size: 15px;}
    .procate-tabs{display:flex;padding: 10px 0;}
    .procate-tab{margin-bottom: 10px;}
    .procate-img{width: 60px;height:60px;}  
}
@media(max-width: 500px){
    .procate-tab{width: 33.333%;}
    .procate-tab:nth-child(3n):after{display: none;}
}

.index-cases {width: 100%;height: 730px;background: url(../images/casebg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5;}
.index-cases::after {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;z-index: -1;}
.caseboxs {text-align: center;width: 100%;}
.caseboxs .index-tit {color: #FFF;font-size: 40px;text-align: center;padding-bottom: 50px;}
.caseboxs .index-tit p{color: #FFF;}
.cases-contain {position: relative;}
.cases-contain .swiper-container .swiper-slide {width: 436px;overflow: hidden;}
.cases-contain .swiper-slide p {position: relative;z-index: 2;margin-bottom:0;}
.cases-contain .swiper-slide p,
.cases-contain .swiper-slide p img {width: 100%;transition: 0.5s;}
.cases-contain .swiper-slide p img:hover {-webkit-transform: scale(1.04);transform: scale(1.04);}
.cases-contain .swiper-container .swiper-slide .case-desc {width: 100%;position: relative;z-index: 5;margin: 0 auto 0;background-color: #ffffff;padding: 30px;text-align: left;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;cursor: pointer;}
.cases-contain .case-desc h4 {font-size: 16px;line-height: 20px;font-weight: bold;color: #374048;}
.cases-contain .case-desc p {font-size: 12px;line-height: 18px;color: #333;}
.cases-contain .swiper-slide:hover .case-desc {margin-top:-3px;}
.cases-contain .swiper-button-prev,
.cases-contain .swiper-container-rtl .swiper-button-next {background-image: url(../images/caseprev.png);left: 110px;right: auto;background-size: 21px;outline: none;top: 46%;}
.cases-contain .swiper-button-next,
.cases-contain .swiper-container-rtl .swiper-button-prev {background-image: url(../images/casenext.png);right: 110px;left: auto;background-size: 21px;outline: none;top: 46%;}
.viewsM a {width: 190px;height: 42px;border-radius: 20px;text-align: center;line-height: 42px;color: #fff;display: block;font-size: 14px;letter-spacing: 1px;margin: 60px auto 0;border: 1px #fff solid;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;box-sizing: border-box;}
.viewsM a:hover {background: #013281;color: #fff;border: #013281 solid 1px;}
@media screen and (max-width: 767px){
    .index-cases {height: 450px;padding: 0;}
    .caseboxs .index-tit {font-size: 22px;padding-bottom: 30px;}
    .cases-contain .swiper-container .swiper-slide .case-desc {margin: 0 auto;background-color: #fff;border-bottom: none;padding: 15px;text-align: left;box-sizing: border-box;font-size: 15px;}
    .cases-contain .case-desc h4 {font-size: 14px;font-weight: normal;}
    .index-cases .swiper-button-next, .index-cases .swiper-button-prev {display: none;}
}
.hmpub_m{ display: inline-block; height: 50px; width: 180px; border: 1px solid #112980; line-height: 48px; font-size: 16px; color: #112980; padding-left: 25px; background: url(../images/hmBtn_ar.png) no-repeat 147px center; text-align:left }
.hmpub_m:hover{ background: #013281 url(../images/ban_btn2.png) no-repeat 147px center;border: 1px solid #013281; color: #FFF; box-shadow:0 5px 8px rgba(0,0,0,0.2);}
@media (max-width:767px){
    .hmpub_m{ height: 40px; width: 130px; line-height:40px; font-size: 14px; padding-left: 15px; background: url(../images/hmBtn_ar.png) no-repeat 108px center;}
    .hmpub_m:hover{ background: #112980 url(../images/ban_btn2.png) no-repeat 126px center;}
}
.index-panter{ padding: 5.2vw 0px; }
.panterswiper{ margin-top:2.08vw; padding-bottom:3.64vw;}
.panterswiper .slick-dots{bottom:0;}
.panterswiper .slick-dots li button{display:none;}
.panterswiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 12px; width: 12px; margin: 0px 4px; position: relative; border-radius: 50%; vertical-align: middle }
.panterswiper .slick-dots li.slick-active{ background: #013281; width: 28px; border-radius:1.8em; }
.panteraBox{ display:block; height:152px; position:relative;}
.panteraBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto; transition:all 0.5s ease-in-out;/*-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6;*/}
.panteraBox:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.panteritem .panteraBox:nth-child(2){ background:#F6F6F6}
.panterswiper .panteritem:nth-child(2n){ background:#F6F6F6;}
.panterswiper .panteritem:nth-child(2n) .panteraBox:nth-child(2){ background:#fff;}
@media (max-width:1799px){
    .panteraBox{height:115px;}
}
@media (max-width:767px){
    .index-panter{padding:50px 0;}
    .panterswiper{margin-top:20px;}
    .panteraBox{height:75px;}
    .panterswiper{padding-bottom:40px;}
    .panterswiper .slick-dots li{width:9px; height:9px;}
    .panterswiper .slick-dots li.slick-active{width:22px;}
}
.index-news{ padding: 5.2vw 0px; background: #f5f5f6; }
.newsbtn{ position:absolute; right:0; bottom:0}
.newsul{ margin: 2.08vw -20px 0px; }
.newsul li{ padding: 0px 20px; }
.newsaBox{ display:block; background:#fff;}
.newsaBox:hover{ box-shadow:0 8px 18px rgba(24,52,141,0.16);}
.newsbom{ padding: 25px 32px;}
.newsaBox strong{ font-size: 20px; line-height: 30px; font-weight: normal; display: block; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsaBox p{ line-height: 42px; height: 42px; font-size: 14px; color: #a3a4a7; background: url(../images/newsm1.png) no-repeat right center; }
.newsaBox:hover p{ background: url(../images/newsm2.png) no-repeat right center; }
@media (max-width:1799px){
    .newsbom{padding:25px 20px 30px;}
    .newsaBox strong{font-size:18px; line-height:30px; height:60px; margin-bottom:25px;}
}
@media (max-width:1199px){
    .newsul{margin-left:-15px; margin-right:-15px;}
    .newsul li{padding:0 15px;}
}
@media (max-width:993px){
    .index-news{padding:50px 0 60px;}
    .newsul{margin-top:35px;}
}
@media (max-width:767px){
    .newsul{margin-top:25px;}
    .newsaBox strong{font-size:15px; margin-bottom:5px; line-height:28px; height:28px;}
    .newsbom{ padding:12px 20px 15px}
    .newsul li{margin-bottom:20px;}
    .index-news{padding-bottom:32px;}
    .newsbtn{bottom:20px;}
    .newsul li:nth-child(3){display:block;}
}
.index-feedback{padding: 5.2vw 0px;}
.index-feedback .index-tit{margin-bottom: 2.08vw;}
.index-feedback .main{float:right;width:50%;position:relative;z-index:2;padding:110px 70px 0;height:520px;background: url(../images/yinhao1.png) no-repeat 70px 34px #f6f6f6;}
.index-feedback .main::after{ float:right; content:''; width:50px; height:40px; background:url(../images/yinhao2.png) no-repeat; margin-top:-30px;}
.index-feedback .pic{ float:left; width:50%;}
.index-feedback .pic img{ display:block; width:100%; height:520px;}
.index-feedback .main p{ margin:0; font-size:20px; padding:5px 0 15px; color:#343434;}
.index-feedback .main td{ padding-bottom:20px;}
.index-feedback .main td select,
.index-feedback .main td .text{ border:1px solid #ededed; padding:0 10px; line-height:40px; height:40px; width:100%;}
.index-feedback .main td select{  color:#999; display:block !important;}
.index-feedback .main td textarea.text{ height:86px; float:left;}
.index-feedback .main td div{ position:relative;}
.index-feedback .main td div i{ position:absolute; right:-10px; color:#c81623; top:0; line-height:40px; font-style:normal;}
.index-feedback .main td label{ position:absolute; left:0; top:0; line-height:40px; padding-left:10px; color:#999;}
.index-feedback .main td .btn{ cursor:pointer; width:145px; height:44px; background:#013281; color:#fff; border:none; font-size:16px;}
.index-feedback .main td .btn:hover{ background:#000;}
.index-feedback .tel{ text-align:center; padding-top:20px;color:#c81623;}
.index-feedback .tel h3{margin:0; font-size:30px; font-family: "dinbold"; }
.index-feedback .tel p span{ display:inline-block; vertical-align:middle;color:#c81623;} 
.index-feedback .tel p::before,
.index-feedback .tel p::after{ display:inline-block; vertical-align:middle; content:''; width:28px; height:1px; background:#c81623; margin:0 6px;}
@media (max-width:768px){
    .index-feedback {padding: 50px 0;}
    .index-feedback .pic{width: 100%;}
    .index-feedback .pic img{height: auto;}
    .index-feedback .main{width: 100%;}
    .index-feedback .main{height: auto;padding:15px 0;background: none;}
    .index-feedback .main::after{background: none;}
    .index-feedback .main p{font-size: 16px;}
    .index-feedback .tel{padding-top:8px;}
    .index-feedback .tel h3{font-size: 20px;}
    .index-feedback .tel p::before, .index-feedback .tel p::after{display: none;}
}

@font-face{
    font-family: 'HYDiShengYingXiongTiW';
    src:url('../fonts/HYDiShengYingXiongTiW.ttf') format('truetype');
}
@font-face{
    font-family: 'HYSuZeLiXingKaiTruingW';
    src:url('../fonts/HYSuZeLiXingKaiTruingW.ttf') format('truetype');
}
.index-sign{background: #013281; padding: 2.5vw 0px; overflow:hidden;}
.index-sign .sign-contain{display: flex;flex-wrap: wrap;}
.index-sign .sign-containl{width: 20%;float: left;color: #fff;padding: 0 5% 0 0;border-right: 1px solid #fff;display: flex;align-items: center;}
.index-sign .sign-containl img{width: 80%;}
.index-sign .sign-containr{width: 80%;padding: 0 0 0 5%;}
.index-sign .sign-tit{font-family: 'HYSuZeLiXingKaiTruingW';font-size:25px;color:#fff;}
.index-sign .sign-cont{font-family: 'HYSuZeLiXingKaiTruingW';font-size:21px;line-height: 28px;color:#fff;margin:20px 0;}
.index-sign .sign-name{font-family: 'HYSuZeLiXingKaiTruingW';font-size:21px;color:#fff;text-align: right;}
.index-sign .sign-name span{font-family: 'HYDiShengYingXiongTiW';font-size:30px;}
.index-sign .sign-logo img{width: 100px;}
@media screen and (max-width: 1440px){
    .index-sign {padding: 110px 0px 60px;}
}
@media screen and (max-width: 1366px){
    .index-sign {padding: 80px 0px 55px;}
}
@media screen and (max-width: 1280px){
    .index-sign {padding: 60px 0px 50px;}
}
@media screen and (max-width: 1000px){
    .index-sign {padding: 50px 0px;}
}
@media screen and (max-width: 768px){
    .index-sign {padding: 50px 3%;}
    .index-sign .sign-containl{display: none;}
    .index-sign .sign-containr{width: 100%;padding: 0;}
    .index-sign .sign-tit{font-size: 22px;}
    .index-sign .sign-cont{font-size: 16px;line-height: 24px;}
    .index-sign .sign-name{font-size: 16px;}
}